<template>
	<!--内容容器-->
	<div class="left">
		内容显示{{ idValue }}
	</div>
</template>
<script>
export default {
	data() {
		return {
			idValue: 0
		}
	},
	mounted() {
		let ID = this.$route.params.id;
		this.idValue = ID;
	},
	watch: {
		'$route.params.id'() {
      // 监听$route.params.id的变化，如果这个id即代表用户点击了其他的待办项需要重新请求数据。
			// this.init();
			// console.log("change");
			let ID = this.$route.params.id;
			this.idValue = ID;
			console.log(ID)
    }
	},
}
</script>
<style lang="less" scoped>
@import '../assets/style/reset.less';
@import '../assets/style/layout.less';
</style>